<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/page/common/taglib.jsp" %>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link rel="stylesheet" href="ext/bootstrap/3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="ext/bootstrap/3.3.0/css/bootstrap-theme.min.css">
<script src="ext/jquery/1.11.2/jquery-1.11.2.min.js"></script> 
<script src="ext/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css">
html,body {
	width:100%;
}
.body {
	width: 75%;
}
@media screen and (max-width:960px){
	.body {width: 100%;}
}
</style>
<title>新闻中心-永川公交网</title>
<link rel="stylesheet" type="text/css" href="ext/roll/css/style.css" />
<script type="text/javascript" src="ext/roll/js/base.js"></script>
<script type="text/javascript" src="ext/roll/js/scrollImg.js"></script>
<script type="text/javascript">
myAddEvent(window,'load',scrollImg);
function scrollImg(){

	var aPicList=getByClass(document,'pic-list');
	var i=0;
	
	function next(){
		if(i<aPicList.length){
			new ScrollImg(aPicList[i]);
			timer=setTimeout(next, 1000);
		}
		i++;
	}
	
	next();
}
</script>
</head>
<body>
<!-- header-->
<c:set var="active" scope="request" value="发现"/>
<%@ include file="/WEB-INF/page/common/fore/header.jsp" %>
<!-- content -->
<div class="container body" >
<div class="scrollbox" >
	<div class="pic-list"><ul>
	<c:forEach items="${paging.records }" var="entity" varStatus="time">
		<c:if test="${time.count%7==0 }"></ul></div><div class="pic-list"><ul></c:if>
		<li class="picture"><a href="scenic_detail?id=${entity.scenic_id }"><img title="${entity.scenic_name }" src="${entity.scenic_img.filePath }" width="200" height="200" /><em>${entity.scenic_name }</em></a></li>
	</c:forEach>
	</ul></div>
</div>
</div> 
<!-- start foorter -->
<%@ include file="/WEB-INF/page/common/fore/footer.jsp" %>
</body>
</html>